<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户登录</title>
<script type="text/javascript" src="./fancybox/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
	$("#loginBtn").click(function(){
		var params = {"e":$("#email").val(),"p":$("#password").val()};
		$.ajax({
			   type: "POST",
			   url: "ajax.php?op=checklogin",
			   data: params,
			   dataType:'json',
			   success: function(json){
			     if(json.status==1){
					$("#msg span").html("登陆成功，页面跳转中……");
					setTimeout(function(){
						window.location.href = "index.php";								
					},1500);			    		    				    
			     }else{
					$("#msg span").html(json.err);
			     }
			   }
			});
		
	});
	
});
function picdel(picid,obj){	
	
}
</script>
<style type="text/css">
* {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 25px;
}

#loginBox {
	width: 300px;
	border: 1px solid #ccc;
	background: #FFF;
}

h1 {
	height: 35px;
	line-height: 35px;
	background: #e8e8e8;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	text-indent: 5px;
}

input.name,input.code {
	width: 150px;
	height: 25px;
	border: 1px solid #ccc;
	margin: 0 0 0 0px;
	padding: 0 0 0 20px;
}

input.verifyCode {
	height: 25px;
	width: 75px;
	border: 1px solid #ccc;
}

input.name {
	background: url("./images/login-username.gif") no-repeat left center;
}

input.code {
	background: url("./images/login-password.gif") no-repeat left center;
}

input.loginBtn,input.registerBtn {
	width: 54px;
	height: 21px;
	border: none;
	margin: 5px;
}

input.loginBtn {
	background: url("./images/login-btn.gif") no-repeat;
}

html,body {
	border: 0px solid #333333;
	color: #333333;
	font: 12px/150% Arial, Helvetica, sans-serif, '宋体';
	margin: 0;
	padding: 0;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
}

.logo {
	background: transparent;
	height: 70px;
	left: 10px;
	position: absolute;
	top: 10px;
	width: 170px;
}

.header {
	height: 88px;
	margin-top: auto;
	padding: 0 10px;
	position: relative;
	background:  #318DAC;
}
</style>
</head>
<body>
	<div class="header">
		<div class="logo" title="China Fullfill"></div>
	</div>
	<div style="margin-top: 100px; text-align: center">
		<center>
			<form name="login" id="loginForm" method="post" onsubmit= 'return false;'>
				<div id="loginBox" style="text-align: left">
					<h1>用户登录</h1>
					<div id="msg"
						style="margin-top: 5px; margin-left: 5px; font-size: 13px; color: red; text-align: center;">
						<span></span>
					</div>
					<div style="margin-top: 5px; margin-left: 18px; font-size: 13px;">
						邮箱： <input type="text" class="name" name="email" id="email"
							tabindex="1" />
					</div>
					<div style="margin-top: 5px; margin-left: 18px; font-size: 13px;">
						密码： <input type="password" class="code" name="password" id="password"
							tabindex="2" />
					</div>
					<p align="center">
						<input type="submit" value="" class="loginBtn" id='loginBtn'/>
					</p>
				</div>
			</form>
		</center>
	</div>
</body>
</html>